<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <main role="main" class="main-content container js-app-layout-main">
  
    
  <section>
    <div class="row">
      <div class="col-md-7 js-product-main">
        <div class="product-thumbnails">
          
            <img class="active" src="<c:url value='/images/m_sung_hoa_tit_1.jpg'/>" data-index=0 />
          
            <img class="" src="<c:url value='/images/m_sung_hoa_tit_2.jpg'/>" data-index=1 />
          
            <img class="" src="<c:url value='/images/m_sung_hoa_tit_3.jpg'/>" data-index=2 />
          
            <img class="" src="<c:url value='/images/m_sung_hoa_tit_4.jpg'/>" data-index=3 />
          
        </div>
        <div class="swiper-container">
          <div class="swiper-wrapper">
            
              <figure class="swiper-slide">
                <img src="<c:url value='/images/m_sung_hoa_tit_1.jpg'/>" alt="" width="100%">
              </figure>
            
              <figure class="swiper-slide">
                <img src="<c:url value='/images/m_sung_hoa_tit_2.jpg'/>" alt="" width="100%">
              </figure>
            
              <figure class="swiper-slide">
                <img src="<c:url value='/images/m_sung_hoa_tit_3.jpg'/>" alt="" width="100%">
              </figure>
            
              <figure class="swiper-slide">
                <img src="<c:url value='/images/m_sung_hoa_tit_4.jpg'/>" alt="" width="100%">
              </figure>
            
          </div>
          
            <div class="swiper-hotspot-left"></div>
            <div class="swiper-hotspot-right"></div>
          
            <div class="swiper-pagination"></div>
        </div>
      </div>
      <div class="col-md-5">
        <section class="panel">
          <div class="panel-body">
            <div class="buy-box">
              <article class="product-overview">
                <h1 class="title">${productDetail.getProductName()}</h1>
                <p class="attributes"><i class="icon-user"></i><a href="/pedavn">pedavn</a></p>
                <p class="attributes"><i class="icon-tag"></i>${productDetail.getUnitPrice()} VND</p>
                <p class="attributes"><i class="icon-location"></i>${productDetail.getLocation()}</p>
              </article>
              <div class="js-product-buy-actions">
                
                  
                    
                      <a class="btn btn-info btn-cta btn-block chat-to-buy" href="/inbox/new/7755903/">Chat to Buy</a>
                    
                  
                

                <button class=" btn btn-default btn-cta btn-block carousell-likes js-product-buy-like">
                  <span>Like This</span>
                  <span class="button-count"><i class="icon-heart"></i> 1</span>
                </button>
              </div>
            </div>
          </div>
        </section>
        <section class="panel social-box">
          <div class="panel-body">
            <p class="text-muted">Share This With Friends</p>
            <div class="social-icons">
              <div class="fb-like" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
              
              <a href="//www.pinterest.com/pin/create/button/?media=https://d2xngy2dw7hums.cloudfront.net/media/photos/products/2014/09/24/m_sung_hoa_tit_1411546095_4a332b5f.jpg&description=Đầm hoa hoạ tiết dáng suông đơn giản, kín đáo, thích hợp làm trang phục công sở, đi tiệc, dạo phố 
Size: Freesize - Rộng vai: 36cm - Chiều dài: 85cm. 
Giá bán hấp dẫn khuyến mãi giảm giá còn 210K (giá gốc 230K). Đảm bảo giá bán thấp nhất" data-pin-do="buttonPin" data-pin-config="beside" data-pin-color="white"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_28.png" /></a>
              
              <div class="g-plusone" data-size="medium"></div>
              <a class="twitter-share-button" href="https://twitter.com/share" data-via="thecarousell" data-text="Đầm Suông Họa Tiết by pedavn on Carousell">
				Tweet</a>
              <a href="whatsapp://send" data-text="Đầm Suông Họa Tiết @ ₫210,000" data-href="" class="wa_btn wa_btn_s" style="display:none">Share</a>
            </div>
          </div>
        </section>
      </div>
    </div>
    <div class="row">
      <div class="col-md-7">
        <section class="panel product-tabs">
          <div class="panel-body">
            <ul class="nav nav-tabs" role="tablist">
              <li role="presentation" class="active">
                <a class="clickable" href="#description-tab" role="tab" data-toggle="tab" aria-controls="description" aria-expanded="true">Description</a>
              </li>
              <li role="presentation">
                <a class="clickable" href="#comments-tab" role="tab" data-toggle="tab" aria-controls="Comments (0)" aria-expanded="true">Comments (0)</a>
              </li>
            </ul>
            <div class="tab-content">
              <div class="tab-pane active" id="description-tab" role="tabpanel" aria-labelledby="description-tab">
                <div class="product-description">
                  
                    <p class="preline">${productDetail.description}</p>
                  
                  <br/>
                  <small class="abs-bottom-right">
					  <time class="text-muted">Listed on 24 Sep 2014 </time>
                  </small>
                </div>
              </div>
              <div class="tab-pane" id="comments-tab" role="tabpanel" aria-labelledby="comments-tab">
                <div class="product-comments js-product-comments">
                  <ul class="media-list">
                    
                  </ul>
                  <form role="form">
                    <div class="form-group">
                      <textarea required="required" placeholder="Write a public comment..." class="form-control" name="comment"></textarea>
                    </div>
                    <button type="submit" class="btn btn-default">Comment</button>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </section>
      </div>
      <div class="col-md-5">
        <aside>
          <h2 class="text-center single-line-divide"><span class="letterpress-bg">Meet the seller</span></h2>
          <section class="panel">
            <div class="panel-body">
              <a href="/pedavn" class="product-seller media">
                <img src="<c:url value='/images/pedavn.jpg'/>" alt="pedavn" class="pull-left media-object img-circle seller-image pretty-border"/>
                <div class="media-body">
                  <h3 class="media-heading seller-name">pedavn</h3>
                  <div class="reputation"><span class="points"><i class="icon-plus"></i>0</span><span class="points"><i class="icon-circle-empty"></i>0</span><span class="points"><i class="icon-minus"></i>0</span></div>
                </div>
              </a>
              <div class="js-products-by-seller">
                <div class="row card-row">
                  
                </div>
              </div>
            </div>
          </section>
        </aside>
      </div>
    </div>
    <h2 class="text-center single-line-divide"><span class="letterpress-bg">Others also viewed</span></h2>
    <div class="js-product-recommended">
      <section class="row card-row">
        
          <div class="col-md-3 col-xs-6">
            <figure class="card product-card">
  <div class="card-image"><a href="/p/8942518/"><img src="<c:url value='/images/thumbnail1.jpg'/>" width="100%"/></a>
    <button class=" btn btn-default card-like js-card-like"><i class="icon-heart"></i></button>
  </div>
  <figcaption class="caption">
    <h4 class="title">Baju Kurong</h4>
    <p class="text-muted">
      <span class="price">₫120,000</span>
      <span class="likes">2 likes</span>
    </p>
    <hr/>
    <a href="/do.thiyenlinh/" class="media">
      <div class="pull-left"><img src="<c:url value='/images/thumbnail2.jpg'/>" class="media-object img-circle"/></div>
      <div class="media-body">
        <h3 class="media-heading seller-name">do.thiyenlinh</h3>
        4mth ago
      </div>
    </a>
  </figcaption>
</figure>
          </div>
        
          <div class="col-md-3 col-xs-6">
            <figure class="card product-card">
  <div class="card-image"><a href="/p/8942636/"><img src="<c:url value='/images/thumbnail1.jpg'/>" width="100%"/></a>
    <button class=" btn btn-default card-like js-card-like"><i class="icon-heart"></i></button>
  </div>
  <figcaption class="caption">
    <h4 class="title">Dress And Baju Kurung</h4>
    <p class="text-muted">
      <span class="price">₫120,000</span>
      <span class="likes">3 likes</span>
    </p>
    <hr/>
    <a href="/do.thiyenlinh/" class="media">
      <div class="pull-left"><img src="<c:url value='/images/thumbnail2.jpg'/>" class="media-object img-circle"/></div>
      <div class="media-body">
        <h3 class="media-heading seller-name">do.thiyenlinh</h3>
        4mth ago
      </div>
    </a>
  </figcaption>
</figure>
          </div>
        
          <div class="col-md-3 col-xs-6">
            <figure class="card product-card">
  <div class="card-image"><a href="/p/6791936/"><img src="<c:url value='/images/thumbnail1.jpg'/>" width="100%"/></a>
    <button class=" btn btn-default card-like js-card-like"><i class="icon-heart"></i></button>
  </div>
  <figcaption class="caption">
    <h4 class="title">The waffle Skort</h4>
    <p class="text-muted">
      <span class="price">₫500,000</span>
      <span class="likes">7 likes</span>
    </p>
    <hr/>
    <a href="/lerustiquechic/" class="media">
      <div class="pull-left"><img src="<c:url value='/images/thumbnail2.jpg'/>" class="media-object img-circle"/></div>
      <div class="media-body">
        <h3 class="media-heading seller-name">lerustiquechic</h3>
        6mth ago
      </div>
    </a>
  </figcaption>
</figure>
          </div>
        
          <div class="col-md-3 col-xs-6">
            <figure class="card product-card">
  <div class="card-image"><a href="/p/9150558/"><img src="<c:url value='/images/thumbnail1.jpg'/>" width="100%"/></a>
    <button class=" btn btn-default card-like js-card-like"><i class="icon-heart"></i></button>
  </div>
  <figcaption class="caption">
    <h4 class="title">Đầm Mới 100%</h4>
    <p class="text-muted">
      <span class="price">₫400,000</span>
      <span class="likes">3 likes</span>
    </p>
    <hr/>
    <a href="/tuyetvan19286/" class="media">
      <div class="pull-left"><img src="<c:url value='/images/thumbnail2.jpg'/>" class="media-object img-circle"/></div>
      <div class="media-body">
        <h3 class="media-heading seller-name">tuyetvan19286</h3>
        4mth ago
      </div>
    </a>
  </figcaption>
</figure>
          </div>
        
      </section>
    </div>
  </section>

  </main>